.homePageDataManagementPageSiteAccountPageTableComponent {
    .layerComponentRightBottomComponent-main__tableRow {
        background-color: rgba(23, 161, 230, 0.1);
    }

    :global {

        // 表格
        .ant-table-wrapper .ant-table {
            height: calc(100vh - 64px - 16px - 32px - 68px - 59px);

            /*滚动条样式*/
            ::-webkit-scrollbar-thumb {
                background-color: #406a80;
                border-radius: 3px;
            }

            ::-webkit-scrollbar {
                width: 6px;
                background-color: rgba(0, 0, 0, 0);
            }

        }

        // 表格和表头
        .ant-table-wrapper .ant-table,
        .ant-table-wrapper .ant-table-thead>tr>th {
            background-color: rgba(0, 0, 0, 0);
            font-size: 16px;
            font-weight: 400;
            color: #B8D7E6;
        }

        // 表头
        .ant-table-wrapper .ant-table-thead>tr>th {
            font-weight: 500;
            background-color: rgba(23, 161, 230, 0.2);
            padding: 18px 26px 16px 24px;
        }

        // 表格默认滚动样式
        .ant-table-wrapper .ant-table-cell-scrollbar:not([rowspan]) {
            box-shadow: none
        }

        // 表头第一个和最后一个单元格
        .ant-table-wrapper .ant-table-container table>thead>tr:first-child th:first-child,
        .ant-table-wrapper .ant-table-container table>thead>tr:first-child th:last-child {
            border-radius: 0;

        }

        // 行
        .ant-table-wrapper .ant-table-tbody>tr>td {
            padding: 13px 26px 13px 24px;
        }



        // 行悬浮
        .ant-table-wrapper .ant-table-tbody>tr>td.ant-table-cell-row-hover {
            background: rgba(0, 0, 0, 0);
        }

        // 空状态
        .ant-empty {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: calc(100vh - 64px - 16px - 32px - 68px - 132px);
        }

        // 空状态hover
        .ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td {
            background-color: rgba(0, 0, 0, 0);
        }

        // 空状态文字
        [class*=" ant-empty"] [class^="ant-empty"] {

            color: #7A8F99;
        }

        // 分页器
        .ant-pagination {
            font-size: 14px;
            font-weight: 400;
            color: #7A8F99;
            position: fixed;
            bottom: 32px;
            right: 32px;
        }

        // 页码按钮框
        .ant-pagination .ant-pagination-item {
            border-radius: 2px;
            border: 1px solid rgba(122, 143, 153, 0.5);
        }

        // 页码按钮框文字
        .ant-pagination .ant-pagination-item a {
            font-size: 14px;
            font-weight: 400;
            width: 20px;
            height: 32px;
            color: #7A8F99;
        }

        // 页码按钮框点击
        .ant-pagination .ant-pagination-item-active {
            background-color: rgba(23, 161, 230, 0.5);
            color: #B8D6E6;
            border-radius: 2px;
        }

        // 页码按钮文字点击
        .ant-pagination .ant-pagination-item-active a {
            color: #B8D6E6;
        }

        // 省略号按钮
        .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
        .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
            color: #7A8F99;
        }

        // 前进，后退按钮
        .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
        .ant-pagination .ant-pagination-next .ant-pagination-item-link {
            width: 32px;
            height: 32px;
            border-radius: 2px;
            border: 1px solid rgba(122, 143, 153, 0.5);
            font-size: 14px;
            font-weight: 400;
            color: #7A8F99;
        }

        // 下拉框选择完成
        .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
            border-color: rgba(122, 143, 153, 0.5);
            box-shadow: none;
        }

        // 下拉框选择中
        .ant-select-single.ant-select-open .ant-select-selection-item {
            color: #7A8F99;
        }

        // 分页下拉框/输入框文字
        .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
        .ant-pagination .ant-pagination-options-quick-jumper input {
            color: #7A8F99;
        }

        // 分页输入框
        .ant-pagination .ant-pagination-options-quick-jumper input {
            width: 64px;
            height: 32px;
            border-radius: 2px;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(122, 143, 153, 0.5);
        }


        // 分页输入框聚焦
        .ant-pagination .ant-pagination-options-quick-jumper input:focus,
        .ant-pagination .ant-pagination-options-quick-jumper input-focused {
            box-shadow: none;

        }

        // 分页选择框
        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            width: 102px;
            height: 32px;
            border-radius: 2px;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(122, 143, 153, 0.5);
            color: #7A8F99;
        }

        // 分页下拉框箭头
        .ant-select .ant-select-arrow {
            color: rgba(122, 143, 153, 0.5);
        }

        // 下拉框
        .ant-select-dropdown {
            background-color: rgba(15, 56, 77, 0.9);
            box-shadow: 0px 6px 16px 0px rgba(9, 13, 15, 0.3), 0px 3px 6px 0px rgba(9, 13, 15, 0.2);
            border-radius: 2px;
            border: 1px solid rgba(23, 161, 230, 1);
            padding: 0;

            // 下拉框文字
            .ant-select-item-option-content {
                font-size: 14px;
                font-weight: 400;
                color: #B8D6E6;

            }

            // 下拉框选中选项
            .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
                background-color: rgba(23, 161, 230, 0.5);
                border-radius: 0%;
            }
        }
    }
}